<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div id="time">2022-5-3</div>
  <script>
    // 1. 因为我们文档页面从上往下加载，所有先得有标签，所有我们script写到标签的下面
    // 2.get 获得 element 元素 by 通过 驼峰命名法
    // 3.参数 id 是大小写敏感的字符串
    // 4.返回的是一个元素对象
    var timer = document.getElementById('time');
    console.log(timer);
    // 
    console.dir(timer); // 打印我们返回的元素对象，更好的查看里面的属性和方法
  </script>
</body>

</html>